import React, { Component } from "react";
import WithTooltip from "./withTooltip";

const ItemC = (props) => {
  return (
    <div className="container">
      {/* <WithTooltip
        render={({ showTooltip, content }) => (
          <div>
            <button className="btn btn-primary" type="btn">
              Tooltop C {props.data}
            </button>

            {showTooltip && (
              <span className="badge badge-pill badge-primary ml-2">
                {content}
              </span>
            )}
          </div>
        )}
      /> */}

      <WithTooltip>
        {({ showTooltip, content }) => (
          <div>
            <button className="btn btn-primary" type="btn">
              Tooltop C {props.data}
            </button>

            {showTooltip && (
              <span className="badge badge-pill badge-primary ml-2">
                {content}
              </span>
            )}
          </div>
        )}
      </WithTooltip>
    </div>
  );
};

export default ItemC;
